<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v-bind="http://www.w3.org/1999/xhtml"
      xmlns:v-on="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>询价表</title>
    <link rel="stylesheet" href="../lib/basic/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../lib/elementui/1.4.3/theme-default/index.css">
    <link href="../home/css/useradmin.css" type="text/css" rel="stylesheet" />
    <script src="../lib/jquery/jquery.min.js"></script>
    <script src="../home/js/vue.min.js"></script>
    <script src="../lib/elementui/1.4.3/index.js"></script>
    <script src="../home/js/bootstrap.min.js"></script>
</head>

<body>
<div id="offers">
    <div class="hmtop">
        <!--顶部导航条 -->
        <iframe  MARGINWIDTH="0" MARGINHEIGHT="0" height="50px" scrolling="no"  width="100%" src="../home/otherHead.html"></iframe>
        <div class="clear"></div>
    </div>
    <div><h1 id="offer">询价表信息</h1></div>
    <div class="nav-table">
        <div class="nav-cont">
            <ul v-for="siy in goodsType">
                <li class="qc"><a v-bind:href="siy.href">{{siy.name}}</a></li>
            </ul>
        </div>
    </div>
    <div class="shopMainbg" style="margin-top: 50px;">
        <div class="shopMain" id="shopmain">
            <div class="am-container activity ">
                <div class="footer " style="margin-top: 0px;border-top: none;margin-bottom: 50px;">
                    <template>
                        <el-table :data="offerTable" border show-overflow-tooltip width="80%"   align="center"   >
                            <el-table-column type="expand">
                                <template slot-scope="scope">
                                    <el-form label-position="left" inline class="demo-table-expand">
                                        <el-form-item label="商品名称：">
                                            <span>{{ scope.row.commodityName }}</span>
                                        </el-form-item>
                                        <el-form-item label="商品数量：">
                                            <span>{{ scope.row.commodityNum }}</span>
                                        </el-form-item>
                                        <el-form-item label="采购单位：">
                                            <span>{{ scope.row.purchaseUnit }}</span>
                                        </el-form-item>
                                        <el-form-item label="收货地址：">
                                            <span>{{ scope.row.shippingAddress }}</span>
                                        </el-form-item>
                                        <el-form-item label="开始时间：">
                                            <span>{{ scope.row.startTime }}</span>
                                        </el-form-item>
                                        <el-form-item label="结束时间：">
                                            <span>{{ scope.row.deadline }}</span>
                                        </el-form-item>
                                        <el-form-item label="当前状态：">
                                            <span v-if="scope.row.type==0">报价中</span>
                                            <span v-if="scope.row.type==1">报价结束</span>
                                            <span v-if="scope.row.type==2">报价已取消</span>
                                        </el-form-item>
                                        <el-form-item label="送货期限：">
                                            <span>{{ scope.row.deliveryDeadline }}</span>
                                        </el-form-item>
                                        <el-form-item label="其他信息：">
                                            <span>{{ scope.row.postscript }}</span>
                                        </el-form-item>
                                    </el-form>
                                </template>
                            </el-table-column>
                            <el-table-column  prop="commodityName" label="采购内容" show-overflow-tooltip align="center">
                                <template slot-scope="scope">
                                    <el-tag style="background: none;"><a style="color: black">{{scope.row.commodityName}}&nbsp;&nbsp;[{{scope.row.commodityNum}}]</a></el-tag>
                                </template>
                            </el-table-column>
                            <el-table-column  prop="purchaseUnit" label="采购人" show-overflow-tooltip align="center"></el-table-column>
                            <el-table-column  prop="shippingAddress" label="收货地址" show-overflow-tooltip align="center"></el-table-column>
                            <el-table-column  prop="startTime" label="发起时间" show-overflow-tooltip align="center"></el-table-column>
                            <el-table-column  prop="deadline" label="截止时间" show-overflow-tooltip align="center"></el-table-column>
                            <el-table-column  prop="type" label="状态" show-overflow-tooltip align="center">
                                <template scope="scope">
                                    <el-tag v-if="scope.row.type==0" style="background: none;color: #0092ff">报价中</el-tag>
                                    <el-tag v-if="scope.row.type==1" style="background: none;color: #0092ff">报价结束</el-tag>
                                    <el-tag v-if="scope.row.type==2" style="background: none;color: #0092ff">报价已取消</el-tag>
                                </template>
                            </el-table-column>
                            <el-table-column label="操作" width="250">
                                <template scope="scope">
                                <el-button @click.native="FX_Board(scope.row)">参与报价</el-button>
                                <el-button @click.native="showResult(scope.row)">查看结果</el-button>
                                </template>
                            </el-table-column>
                        </el-table>
                    </template>
                </div>
            </div>
        </div>
    </div>
</div>
<div>
    <iframe id="offerfoot"  MARGINWIDTH="0" MARGINHEIGHT="0" height="50px" scrolling="no"  width="100%" src="../home/otherFoot.html"></iframe>
</div>
<script src="../charge/offers.js"></script>
<script src="../lib/amaze_vue/amaze-vue.js"></script>
</body>
</html>